{% block sw_sales_channel_defaults_select %}
<sw-container
    class="sw-sales-channel-defaults-select"
    gap="0px 30px"
    columns="1fr 200px"
>
    <template v-if="salesChannel">
        <sw-entity-multi-select
            :label-property="labelProperty"
            :disabled="disabled"
            :class="multiSelectClass"
            :label="propertyLabel"
            :help-text="helpText"
            :entity-collection="propertyCollection"
            :criteria="criteria"
            @update:entity-collection="updateCollection"
        >
            <template
                v-if="shouldShowActiveState"
                #result-label-preview="{ item }"
            >
                <mt-icon
                    class="sw-sales-channel-defaults-select__active-icon"
                    size="6"
                    :color="getActiveIconColor(item)"
                    name="solid-circle"
                />
            </template>
        </sw-entity-multi-select>

        <sw-entity-single-select
            :label-property="labelProperty"
            :disabled="disabled"
            :class="singleSelectClass"
            :label="defaultPropertyLabel"
            :help-text="helpText"
            required
            show-clearable-button
            :entity="propertyEntityName"
            :value="defaultId"
            :error="defaultsValueError"
            :criteria="criteria"
            :selection-disabling-method="isDisabledItem"
            :disabled-selection-tooltip="{ message: disabledTooltipMessage }"
            @update:value="updateDefault"
        />
    </template>
</sw-container>
{% endblock %}
